<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单常用的控件</title>
</head>
<body>

<form action="??" method="get">
    <!--    文本框-->
    <label>
        账号<input type="text" name="username" value="123456">
        <br>
    </label>

    <!--    密码框-->
    <label>
        密码<input type="password" name="password" value="123456">
        <br>
    </label>


    <!--    单选框:radio,同一类型的单选框,name值需要一样 checked表示默认选择-->
    性别:
    <label>
        <input type="radio" name="gender" value="boy" checked>男
    </label>
    <input type="radio" name="gender" id="girl" value="girl"><label for="girl">女</label>
    <br>

    <!--    复选框-->
    爱好:
    <label><input type="checkbox" name="hobbit" value="cy" checked>抽烟</label>
    <label><input type="checkbox" name="hobbit" value="hj">喝酒</label>
    <label><input type="checkbox" name="hobbit" value="tt">烫头</label>
    <br>

    <!--    下拉框-->
    <label>
        所在省份<select name="option">
        <option value="gd">广东</option>
        <option value="gx">广西</option>
        <option value="hn">河南</option>
        <option value="hb">河北</option>
    </select>
        <br>
    </label>

    <!--    隐藏域,防止非法注册,隐藏数据,防止非法请求-->
    <input type="hidden" name="abc" value="123">

    <!--    文本域-->
    <div>
        <label for="textarea">个人描述:</label>
        <textarea name="other" id="textarea" cols="18px" rows="6px">请描述一下你的性格</textarea>
    </div>

    <!--    提交的第一种写法-->
    <button type="submit">提交数据</button>
    <!--    提交的第二种写法-->
    <input type="submit" value="提交">
    <!--    重置的第一种写法-->
    <button type="reset">重置</button>
    <!--    重置按钮的第二种写法-->
    <input type="reset" value="重置">

    <!--    表单里的普通按钮:不引起表单提交和重置的按钮
            这里需要注意 button要是不设置type的值的话默认就是submit
    -->
    <button type="button">检测账户是否被注册</button>
    <input type="button" value="检测账户是否被注册">


</form>

</body>
</html>